// 预加载数据信息
getCountInfo();

// LayUI JavaScript代码区域
layui.use('element', function () {
    var element = layui.element;
});

//预加载
$(document).ready(function () {
    // echarts图标分析
    // 初始化
    echartsData();
});

// 获取汇总数据
function getCountInfo() {
    $.ajax({
        url: "/count/dataCount",
        type: "GET",
        success(res) {
            console.log(res);
            showData(res.data);
        },
        error() {
            console.log("网络出错，请刷新重试");
        }
    })
};

// 信息渲染
function showData(resData) {
    layui.use('laytpl', function () {
        var laytpl = layui.laytpl;
        var myDatas = {
            //数据
            "resData": resData
        };
        var getTpl = countData.innerHTML, view = $("#countDataTpl");
        laytpl(getTpl).render(myDatas, function (result) {
            //清空元素内部的html代码
            view.empty();
            //重新添加
            view.append(result);
        });
    })
};
// 圆柱 图表数据生成
function echartsData() {
    // 图表 信息获取
    $.ajax({
        url: "/count/getEchartsData",
        type: "GET",
        success(res) {
            console.log(res.data);
            // 初始化图表数据
            var xAxis = new Array();
            var series = new Array();
            // var series = [10, 20, 50, 10, 70, 58];
            for (var i = 0; i < res.data.length; i++) {
                xAxis[i] = res.data[i].setmName;
                series[i] = res.data[i].setmCount;
            }
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echartsDemo'));
            // 指定图表的配置项和数据
            var option = {
                title: {
                    text: '驾校销售数据分析'
                },
                tooltip: {},
                legend: {
                    data: ['销量']
                },
                xAxis: {
                    data: xAxis
                },
                yAxis: {
                    // y轴会根据具体值自动匹配
                },
                series: [{
                    name: '销量',
                    type: 'bar',
                    data: series,
                    barWidth : 80
                }]
            };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        }
    })
}